@keyframes fadeIn {
	0% {
		opacity: 0;
		transform: translate(fixpx(20),0);
	}
	100% {
		opacity: 1;
		transform: translate(0,0);
	}
}
.table {
	padding: fixpx(20) 0;
	width: fixpx(550);
	margin: 0 auto;
	animation: fadeIn 1s 1 ease;

}
.header{
	background: url(../../assets/tableheaderbackground.png);
	width: fixpx(550);
	height: fixpx(62);
	background-size: 100% auto;
	margin: 0 auto;
	padding-top:fixpx(34);
}
.header span{
	font-size: fixpx(20);
	padding: 0 fixpx(35);
}
.body{
	padding: fixpx(20) 0;
	background: url(../../assets/tablebodybackground.png);
	width: fixpx(550);
	background-size: 100% auto;
	margin: 0 auto;
	border: 0 solid #fff;
}
.body ul {
	list-style: none;
	color:#603913;
}
.body ul li{
	height: fixpx(72);
	line-height: 1;
}

.footer{
	background: url(../../assets/tablefooterbackground.png);
	width: fixpx(550);
	height: fixpx(12);
	background-size: 100% auto;
	margin: 0 auto;
}
.headImg{
	width: fixpx(41);
	height: fixpx(41);
	border-radius: 50%;
	float: left;
	margin-top: fixpx(-6);
	margin-left: fixpx(15);
	margin-right: fixpx(15);
}
.no{
	width: fixpx(50);
	float: left;
	padding-top: fixpx(6);
	padding-left: fixpx(30);
	text-align: center;
}
.name{
	width: fixpx(180);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	float: left;
	padding-top: fixpx(6);
	text-align: left;
}
.date{
	float: left;
	width: fixpx(90);
	padding: fixpx(6);
}
.score {
	color:#ef3826;
	float: left;
	width: fixpx(90);
	padding-top:fixpx(6);
	padding-left:fixpx(65);
}
